<template>
  <u-cell-group>
    <!-- 手机号 -->
    <u-cell-item icon="phone-fill" title="手机号已绑定" value="更改绑定" @click="$u.route('/pages/my/bind/set?type=mobile')" v-if="user.mobile"></u-cell-item>
    <u-cell-item icon="phone" title="未绑定手机号" value="前往绑定" @click="$u.route('/pages/my/bind/set?type=mobile')" v-else></u-cell-item>
    <!-- 邮箱 -->
    <u-cell-item icon="email-fill" title="邮箱已绑定" value="更改绑定" @click="$u.route('/pages/my/bind/set?type=email')" v-if="user.user_email"></u-cell-item>
    <u-cell-item icon="email" title="未绑定邮箱" value="前往绑定" @click="$u.route('/pages/my/bind/set?type=email')" v-else></u-cell-item>
    <!-- 密码 -->
    <u-cell-item icon="lock-open" title="登录密码" value="前往修改" @click="$u.route('/pages/resetPassword/resetPassword')"></u-cell-item>
  </u-cell-group>
</template>

<script>
import { mapState } from 'vuex';
export default {
  computed: {
    ...mapState(['user'])
  }
};
</script>
